<?php 
	$table = "gallery";
	$group_id = $_GET['id'];		
	$pageSize = 20;
    $pageNum = 1;
    if (isset($_GET['pageNum']) == true)
        $pageNum = $_GET['pageNum'];
    else
        $pageNum = 1;
    $startRow = ($pageNum-1)*$pageSize;
    $endRow = $startRow + $pageSize;
    $totalRows = $conn->get_maxrow_of_table($table);
	
	$list_record = $conn->get_all_data_fix($table, -1, 1, $option1 , $option2 = ' ORDER BY id DESC LIMIT '.$startRow.','.$pageSize.'');
?>
<!-- <p>
	<a class="btn btn-primary" href="index.php?p=<?=$p ?>&l=<?=$table ?>_add&group_id=<?=$group_id ?>">Thêm món ăn</a>
</p> -->
<div id="demo"></div>
<div class="alert alert-info">
    <button class="close" data-dismiss="alert">×</button>
    <strong>Chú ý!</strong> Sau khi chọn file và upload thành công, hãy F5(tải lại trang) để xem lại hình mới upload. Hoặc <a style="color: #800004" href="javascript:void(0)" onclick="location.reload();">click here</a> để tải lại trang
</div>

<div class="alert alert-danger">
    <button class="close" data-dismiss="alert">×</button>
    <strong>Lưu ý kích thước hình ảnh:</strong> để hiện thị tốt trên trang web là <strong>350x250 [tỉ lệ 3x2] (đơn vị px)</strong>. Tất cả hình ảnh được upload lên server đều sẽ được tự động resize. Nếu không upload đúng chuẩn, hình ảnh ở website sẽ không hiển thị tốt. Please keep this rules, thanks!
</div>
<ul id="separate-list"></ul>
<script>        
    function createUploader(){            
        var uploader = new qq.FileUploader({
            element: document.getElementById('demo'),
            listElement: document.getElementById('separate-list'),
            action: 'ajax/uploadfile.php',
            params : {
            	type : 'add',
            	group : 'gallery',
            },
            sizeLimit: 2*1024*1024, // max size
            allowedExtensions: ['jpg', 'jpeg', 'png', 'gif'],
            onComplete: function(id, fileName, responseJSON){
            	// if(responseJSON.success){            		
            		// alert('Tải ảnh lên thành công');
            		// location.reload();
            	// }
            },
        });           
    }        
    window.onload = createUploader;     
</script> 
<div>
	<button class="btn btn-primary" onclick="dashboard.admin.action.deleteAll('<?=$table  ?>')">Delete All</button>
</div>
<br>
<div id="alert"></div>
<table class="table table-bordered">
	<tr>
		<th width="20">
			<input type="checkbox"  value="" id="checkall_deleteid"/>
		</th>
		<th width="20">#</th>	
		<th>Tên file</th>	
		<th>Hình ảnh</th>
		<th>Công cụ</th>
	</tr>
	<?php
        foreach ($list_record as $k => $value) {
    ?>
	<tr>
		<td>
			<input type="checkbox" name="delete_id" value="<?=$value['id']  ?>" id="id"/>
		</td>
		<td width="20"><?=$k+1?></td>
		<td><?=$value['url_image']  ?></td>
		<td><img width="50" height="50" src="<?=$conn->BASE_URL  ?>uploads/gallery/<?=$value['url_image']  ?>" /> </td>
		<td width="100">
			<table>
				<tr>					
					<td>
						<a rel="tooltip" data-original-title="Sửa" href="index.php?p=<?=$p?>&t=edit&id=<?=$value['id'] ?>" title="Sửa">
							<i class="icon-edit"></i>
						</a>
					</td>
					<td>
						<a rel="tooltip" data-original-title="Xóa" href="javascript:void(0)" onclick="if (confirm('Are you sure ?')) dashboard.admin.delete_record('<?php echo $table; ?>','<?php echo $value['id']; ?>');" title="Xóa">
							<i class="icon-remove"></i>
						</a>
					</td>
				</tr>
			</table>
		</td>
	</tr>
	<? } ?>
</table>
<div class="pagination">
	<ul class="pull-right">
		<?php echo $conn->pageList($totalRows, $pageNum, $pageSize); ?>
	</ul>
</div>